<template>
	<div class="container">
	<div class="logo"><img src="../assets/logo.png" alt=""></div>
	  <div class="tips">
	  	<img src="../assets/card.png" alt="">
	  </div>
	  <div><button class="submit" @click="readCard">读卡</button></div>
	</div>
</template>

<script>
	export default {
      name:"welcome",
      methods: {
      	readCard(){
      		this.$router.push('/form')
      	}
      }
      
	}
</script>

<style scoped>
.container{
	/*height: 360px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;*/
}
	.tips {
		margin-top: 10%;
		margin-bottom: 35px;
		font-size: 18px;
		color: #fff;
	}
</style>